.message-header {
  font-size: 13px;
  color: #7A7B7E;

  &.left {
    display: flex;
    flex-direction: row;
  }

  &.right {
    display: flex;
    flex-direction: row-reverse;
  }

  .name {
    padding: 0 4px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

}
